<!--
 * @Author: HeAo
 * @Date: 2022-08-24 14:34:31
 * @LastEditTime: 2022-08-24 18:47:24
 * @LastEditors: HeAo
 * @Description: 
 * @FilePath: \JavaScripe\day-13事件机制\03-事件处理程序.html
 * 别乱动！
-->
<!-- 
  触发事件：三要素
  事件源 （标签、按钮） 
  事件类型 怎么触发？（onclick...）
  事件处理程序：方法
  如何绑定：直接标签内onclick  或者 dom获取节点 document.getElementById（）
 -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<!-- -->

<body>
  <!-- 1、简单句才这样写 -->
  <button id="btn" onclick="console.log('1被点击了')">1点我呀</button>

  <!-- 2、一般情况下定义函数 不要忘了'()'  -->
  <button onclick="hander()">2点我呀</button>
  <script>
    function hander() {
      console.log('2被点击了');
    }
  </script>
</body>

</html>